@import "base.css";
body,html{
    width: 100%;
    height: 100%;
}
.box{
    width: 7.5rem;
    height: 100%;
    background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/shouye/banner5.png);
    background-size:7.5rem  100%;
}
.box>.jingcai{
    width: 5.91rem;
    height: 0.9rem;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    background-size: cover;
    bottom: 2.1rem;
}
.box>.paihang{
    width: 2.78rem;
    height: 0.9rem;
    position: absolute;
    left: 30%;
    transform: translateX(-50%);
    background-size: cover;
    bottom: 2.1rem;
}
.box>.guize{
    width: 2.78rem;
    height: 0.9rem;
    position: absolute;
    right: -8%;
    transform: translateX(-50%);
    background-size: cover;
    bottom: 2.1rem;
    top: 86%;
}
.box>.paihang{
    bottom: 0.94rem;
    background-size: cover;
}
.box a{
    width: 100%;
    height: 100%;
}
.bao-zhezao{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    background: rgba(0,0,0,0.8);
}
.baoxiang{
    width: 6.13rem;
    height: 6.84rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/shouye/qq.png);
    background-size: cover;
}
.baoxiang>.guanbi {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.7rem;
    height: 0.7rem;
}
.baoxiang>.lingqu{
    width: 2.95rem;
    height: 0.75rem;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-55%);
    bottom: 0.41rem;
}


/*奖励*/
.jiangli{
    width: 6.13rem;
    height: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/shouye/qqq.png);
    background-size: cover;
    overflow:hidden ;
    display: none;
}
.jiangli>.title{
    width: 100%;
    text-align: center;
    margin-top: 0.72rem;
    font-size: 0.36rem;
    color:rgba(255,255,255,1);
    line-height: 0.36rem;
}
.jiangli>.cp-tu{
    width: 100%;
    height: 2.35rem;
    margin-top: 0.33rem;
    position: relative;
    top: 0;
    left: 0;
}
.cp-tu>img{
    position: absolute;

    left: 50%;
    transform: translateX(-52%);
    width: 5.28rem;
    height: 2.35rem;
}
.jiangli>.chiji{
    width: 100%;
    text-align: center;
    margin-top: 0.43rem;
    font-size: 0.24rem;
    color:rgba(255,255,255,1);
    line-height: 0.24rem;
}
.jiangli>.duihuan{
    width: 3.86rem;
    height: 0.72rem;
    margin: 0.69rem  1.25rem  0.40rem  1.02rem;
}
.jiangli>.cunfang{
    width: 3.86rem;
    height: 0.72rem;
    margin: 0  1.25rem  0  1.02rem;
}
.jiangli>.jiangli-guanbi{
    position: absolute;
    top: 0;
    right: 0;
    width: 0.7rem;
    height: 0.7rem;
}
.wozhidao{
     width: 5.90rem;
     height: 4.06rem;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/shouye/yy.png);
     background-size: cover;
     display: none;
 }
.wozhidao>.queren{
    width: 2.94rem;
    height: 0.82rem;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    bottom: 0.54rem;
}

.buzhong{
    width: 5.90rem;
    height: 4.07rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/shouye/yyy.png);
    background-size: cover;
    display: none;
}
.buzhong>.benpao{
    width: 2.94rem;
    height: 0.82rem;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    bottom: 0.54rem;
}


.juan{
    width: 7.01rem;
    height: 6.4rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/shouye/juan.png);
    background-size: cover;
    display:none
    /*display: none;*/
}
.juan>.code{
    width: 3.5rem;
    height: 0.51rem;
    position: absolute;
    left:0.8rem;
    top: 3.3rem;
    line-height: 0.51rem;
    font-size: 0.37rem;
    text-align: center;
    color:rgba(0,0,0,1);
}
.juan>.juan-cha{
    position: absolute;
    top: 0;
    right: 0;
    width: 0.7rem;
    height: 0.7rem;
}
.erweima{
    left: 0.5rem;
    top: 1.98rem;
    line-height: 0.51rem;
    position: absolute;
}
#barcode{
    width: 87%;
}
.bg_img{
    width: 5.9rem;
    height: 6.8rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin:auto;
    background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/shouye/lingqubaoxiang.png);
    background-size: cover;
    display: none;
}
.bg_img>.lq{
    width: 2.94rem;
    height: 0.82rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.42rem;
}
.active_rule{
    width: 100%;
    height: 0.6rem;
    position: absolute;
    background-size: cover;
    bottom: 0.3rem;
    text-align: center;
}
.active_rule a{
    position: absolute;
    display: inline-block;
    width: 2rem;
    right: 36%;
    height: 100%;

}

.dianhua{
    width:100%;
    height: 0.25rem;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin:0  auto;
    bottom: 0.35rem;
    font-size: 0.25rem;
}